<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>
    <title>p22-30过滤器、自定义指令</title>
</head>
<body>
    <div id="app">
        <p>{{msg|msgFormat('疯狂')|msgFormat2('猥琐')}}</p>
    </div>
    <script>
        Vue.filter("msgFormat",function(msg,arg){
            return msg.replace(/单纯/g,arg);
        })
        Vue.filter("msgFormat2",function(msg,arg){
            return msg.replace(/疯狂/g,arg);
        })
        var vm=new Vue({
            el:"#app",
            data:{
                msg:"这是一条单纯的弹幕，谁是单纯的人呢"
            },
            methods:{}
        })
        // 过滤器的定义语法
        // Vue.filter("过滤器的名称",function(data){})
        // 过滤器调用时候的格式，{{name|过滤器的名称}}
        Vue.filter("过滤器的名称",function(data){
            return data+"123";
        })
    </script>
</body>
</html>